body,
html {
  height: 100%;
  width: 100%;
}

.layui-row {
  height: 7.8vh;
  background-color: #393d49;
  /* line-height: 60px; */
}

/* header {
    height: 60px;
    background-color: #393d49;
} */

#header-container {
  margin: 0 auto;
}

#header-container a {
  display: inline-block;
  /* padding: 0 0.3em; */
}

#header-container img {
  margin: 0.8em 0;
  height: 6vh;
}

.head-bg {
  /* background-color: #393d49; */
  /* height: 60px; */
  /* padding-left: 30px; */
  font-weight: 700;
}

.layui-nav {
  height: 7.8vh;
  width: 100%;
  padding-left: 0;
}

.layui-nav li a {
  height: 100%;
  line-height: 7.8vh;
}

.layui-nav-child {
  top: 7.8vh;
}

.switch-language {
  margin-top: 1.5vh;
}

.switch-language a {
  display: block;
}

footer {
  background-color: #393d49;
  color: #fff;
  bottom: 0;
}

#footer-container {
  position: relative;
  width: 85%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

#footer-container .layui-breadcrumb a {
  color: #0088cc !important;
}

footer .footer-info-ls {
  padding: 1em 0;
  line-height: 1.7;
}

footer .footer-info-ls a {
  text-decoration: none;
  color: #fff;
}

footer .footer-logo {
  position: absolute;
  top: 2.3em;
  right: 0;
  width: 15%;
}

div.login {
  display: none;
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1500px) {
  #header-container a {
    padding: 0 1rem;
  }

  .switch-language {
    margin-top: 2vh;
  }
}
